<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>开具医嘱--Layui</title>
    <link rel="stylesheet" href="../../css/zcm-main.css">
    <link rel="stylesheet" href="../../css/inquiry.css">
    <link rel="stylesheet" href="../../css/doctors_advice.css">
    <link rel="stylesheet" href="../../layui/css/layui.css" media="all"/>
    <link rel="stylesheet" href="../../css/public.css" media="all"/>
    <link rel="stylesheet" href="../../css/k-yisheng.css" media="all"/>

    <script type="text/javascript" src="../../js/jquery-3.6.0.js"></script>
    <script type="text/javascript" src="../../js/jquery.cookie.js"></script>
    <script type="text/javascript" src="../../layui/layui.js"></script>
    <script src="../../js/constants.js"></script>
    <script type="text/javascript" src="doctors_advice.js"></script>
</head>
<body class="flex flex-column" style="background-color: #FFFFFF;">
<div class="flex flex-row">
    <div class="flex flex-row a-center j-center"
         style="margin-left: 20px;margin-top: 20px; background-color: #D9EAFF;width: 110px;height: 40px;">
        <!-- <a style="color: #1A7DFF;font-size: 16px;text-align: center;">药品处方</a>
        <img src="img/inquiry/arrows_down.png" style="width: 9px;height: 6px;margin-left: 12px;" /> -->
        <select class="select-s" onchange="projectSelectChange(this.value)">
            <option value="1">药品处方</option>
<!--            <option value="2">医技项目</option>-->
<!--            <option value="3">服务包</option>-->
        </select>
    </div>
    <div class="flex flex-row j-sb a-center" id="selectDrugstore"
         style="margin-left: 20px;margin-top: 20px; background-color: #D9EAFF;width: 435px;height: 40px;">
        <a id="pharmacyVO" style="color: #1A7DFF;font-size: 16px;text-align: center;margin-left: 15px;">请选择药店地址</a>
        <img src="../../img/inquiry/arrows_down.png" style="width: 9px;height: 6px;margin-left: 12px;margin-right: 10px;"/>
    </div>
</div>
<div style="width: 100%;height: 3px;background-color: #E1F1FF;margin-top: 15px;"></div>
<!-- 药品处方 -->
<div id="prescription" class="flex flex-column">
    <div class="flex flex-row a-center item" style="margin-top: 15px;">
        <a>主诉：</a>
        <input class="input-sty" type="text" placeholder="请输入患者主诉" id="input_appeal"
               style="width: 497px;height: 40px;"/>
    </div>
    <div class="flex flex-row a-center item" style="margin-top: 15px;">
        <a>诊断：</a>
        <!--				<input class="input-sty" type="text" placeholder="请输入病症，进行搜索选择" id="diagnosticId" style="width: 497px;height: 40px;" />-->
        <input class="input-sty" style="width: 497px;height: 40px;" type="text" autocomplete="off" id="chubuZhenduan"
               placeholder="请输入病症，回车进行搜索选择" onkeydown="onKeyDown(event);" onkeyup="chubuZhenduan(this.id)"/>
    </div>
    <div class="flex flex-row a-center item">
        <div id="txSelect">
            <div sid="1" class="txRow">症状1</div>
        </div>
    </div>
    <div class="flex flex-row a-center item">
        <div id="txGroup">

        </div>
    </div>
    <div class="flex flex-row table-b" style="width: 100%; height: auto;margin-top: 15px;">
        <table border="0" cellspacing="0" cellpadding="0">
            <tr style="background-color: #1A7DFF;">
                <td width="140px" style="color: #FFFFFF;">药品名称</td>
                <td width="70px" style="color: #FFFFFF;">用法</td>
                <td width="70px" style="color: #FFFFFF;">剂量</td>
                <td width="94px" style="color: #FFFFFF;">频率</td>
                <td width="70px" style="color: #FFFFFF;">天数</td>
                <td width="70px" style="color: #FFFFFF;">数量</td>
                <td width="43px" style="color: #FFFFFF;">推荐</td>
                <td width="43px" style="color: #FFFFFF;">操作</td>
            </tr>
            <!--            <tr style="background-color: #D9EAFF;">-->
            <!--                <td style="color: #1A7DFF;"><img src="img/inquiry/ic_search.png" style="width: 13px;height: 13px;"/>-->
            <!--                    搜索药品-->
            <!--                </td>-->
            <!--                <td style="color: #1A7DFF;">&nbsp;</td>-->
            <!--                <td style="color: #1A7DFF;">&nbsp;</td>-->
            <!--                <td style="color: #1A7DFF;">&nbsp;</td>-->
            <!--                <td style="color: #1A7DFF;">&nbsp;</td>-->
            <!--                <td style="color: #1A7DFF;">&nbsp;</td>-->
            <!--                <td style="color: #1A7DFF;">&nbsp;</td>-->
            <!--                <td style="color: #1A7DFF;">&nbsp;</td>-->
            <!--            </tr>-->
        </table>
    </div>

    <div class="huanzhe-row1" id="kaiyaoList">
        <div class="kyIptDiv" id="yaoSerInp" style="float:left;width:180px;margin:10px 0px 0px 10px;">
            <img src="../../image/search.png" class="ky-i"/>
            <input type="text" value="" class="ky-name" placeholder="搜索药品" id="yaoSearch"
                   style="width:145px;text-align:left;" onkeyup="yaoSearch(this.id)">
        </div>
    </div>

    <div class="flex flex-row a-center item">
        <div id="yaoSearchList">
            <div class="yaost">
                <div class="yaos1" style="margin-left:20px;">药品名称</div>
                <div class="yaos1">生产厂商</div>
                <div class="yaos2">规格</div>
                <div class="yaos3">单位</div>
            </div>

        </div>
    </div>
    <div class="flex flex-row j-end" style="margin-top: 20px;margin-right: 20px;">
<!--        <div id="cancel" class="btn-s flex a-center j-center" style="color: #FF5A5A;border: #FF5A5A 1px solid;-->
<!--			background-color: rgba(255, 90, 90, 0.19);">撤回-->
<!--        </div>-->
        <div id="reset2" class="btn-s flex a-center j-center" style="color: #999999;border: #CCCCCC 1px solid;background-color: #F5F5F5;
			margin-left: 20px;">重置
        </div>
        <div id="confirm2" class="btn-s flex a-center j-center"
             style="color: #FFFFFF;background-color: #1A7DFF;margin-left: 20px;">确定
        </div>
    </div>
    <div id="historyChuFangShow" style="display: none;">
        <div style="width: 100%;height: 3px;background-color: #E1F1FF;margin-top: 50px;"></div>
        <div class="flex a-center j-center service-list">※ 患者历史处方 ※</div>
        <div class="flex flex-row table-b" style="width: 100%; height: 80px;">
            <table id="historyChuFang" border="0" cellspacing="0" cellpadding="0" style="border: 1px solid #E6E6E6;">
                <tr style="background-color: #E6E6E6;color: #333333;">
                    <td width="100px">处方时间</td>
                    <td width="150px">药品名称</td>
                    <td width="170px">厂家名称</td>
                    <td width="60px">规格</td>
                    <td width="60px">医生</td>
                    <td width="60px">操作</td>
                </tr>
            </table>
        </div>
    </div>
</div>
<!-- 医技项目 -->
<div id="technician" class="flex flex-column" style="display: none;">
    <div class="flex flex-row a-center item" style="margin-top: 15px;">
        <a>服务模式选择：</a>
        <div class="flex flex-row a-center" id="service_mode">
            <input type="radio" name="mode" id="signle" checked="" value="1"></input>
            <label class="mode-radio mr-select" for="signle">单项</label>
            <input type="radio" name="mode" id="setmeal" value="2" style="margin-left: 30px;"></input>
            <label class="mode-radio" for="setmeal">套餐</label>
        </div>
    </div>
    <div class="flex flex-row a-center item" style="margin-top: 15px;color: #1A7DFF;">
        <a>服务项目选择：</a>
        <input id="serviceResult" class="input-sty" type="text" placeholder="请选择项目" style="width: 433px;height: 40px;"
               list="serviceList"
               onchange="serviceSelectChange()"/>
        <datalist id="serviceList">
            <option value="糖尿病套餐         100元">
            <option value="糖尿病专业套餐         200元">
            <option value="糖尿病专业套餐         200元">
            <option value="糖尿病专业套餐         200元">
            <option value="糖尿病专业套餐         200元">
        </datalist>
    </div>
    <div class="flex flex-row a-center item" style="margin-top: 15px;">
        <a id="select_name">已选择单项：</a>
        <div class="flex flex-wrap" id="select_array">
            <input class="select-item clear-bg" type="text" value="肝功能测试" disabled="disabled"></input>
            <input class="select-item clear-bg" type="text" value="肝功能测试" disabled="disabled"></input>
        </div>
    </div>
    <div class="flex flex-row j-end" style="margin-top: 15px;">
        <input class="button clear-bg reset" id="reset" type="button" value="重置"></input>
        <input class="button clear-bg confirm" id="confirm" type="button" value="确定" onclick="onConfirmClick()"></input>
    </div>
    <div class="flex flex-column pposition-absolute item" style="margin-top: 55px;">
        <div style="width: 100%;height: 3px;background-color: #E1F1FF;"></div>
        <div id="hot_name" class="flex a-center j-center service-list">※ 热门单项 ※</div>
        <div class="flex flex-wrap" id="select_array">
            <input class="clear-bg hot-signle" type="text" value="肝功能测试" disabled="disabled"></input>
            <input class="clear-bg hot-signle" type="text" value="胸部CT" disabled="disabled"></input>
            <input class="clear-bg hot-signle" type="text" value="妇科全身彩超" disabled="disabled"></input>
            <input class="clear-bg hot-signle" type="text" value="血尿常规" disabled="disabled"></input>
        </div>
    </div>
</div>
<!-- 服务包 -->
<div id="service" class="flex flex-column" style="display: none;">
    <div class="flex flex-row a-center item" style="margin-top: 15px;">
        <a>服务模式选择：</a>
        <div class="flex flex-row a-center">
            <input type="radio" name="packageMode" id="timePackage" checked="" value="1"></input>
            <label id="timePackageLabel" class="mode-radio mr-select" for="timePackage">时间包</label>
            <input type="radio" name="packageMode" id="onePackage" value="2" style="margin-left: 30px;"></input>
            <label id="onePckageLabel" class="mode-radio" for="onePackage">次包</label>
        </div>
    </div>
    <div style="width: auto;height: 1px;background-color: #E6E6E6;margin-top: 20px;"></div>
    <div id="hot_name" class="flex a-center j-center service-list">※ 服务包列表 ※</div>
    <div class="flex flex-row table-service-package">
        <table border="0" cellspacing="0" cellpadding="0">
            <tr style="background-color: #1A7DFF;color: #FFFFFF;">
                <td width="140px">服务包名称</td>
                <td width="60px">价格</td>
                <td width="60px">时间</td>
                <td width="340px">天数</td>
                <td width="60px">操作</td>
            </tr>
            <tr>
                <td>测试服务包</td>
                <td>100元</td>
                <td>1年</td>
                <td>测试服务包测试服务包</td>
                <td class="send" onclick="onSendClick()">发送</td>
            </tr>
            <tr>
                <td>测试服务包</td>
                <td>100元</td>
                <td>1年</td>
                <td>测试服务包测试服务包</td>
                <td class="send" onclick="onSendClick()">发送</td>
            </tr>
            <tr>
                <td>测试服务包</td>
                <td>100元</td>
                <td>1年</td>
                <td>测试服务包测试服务包</td>
                <td class="send-done" onclick="onSendClick()">已发送</td>
            </tr>
        </table>
    </div>
</div>
</body>
</html>
